html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }
body { line-height:1; background-color:#bbb; text-align:center; font:normal normal .8125em/1.5 Ubuntu,"Trebuchet MS",Trebuchet,Geneva,Verdana,Arial,Sans-Serif; color:#333 }
ol,ul { list-style:none }
blockquote,q { quotes:none }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
body { font:normal normal .9em/1.4 Arial,Sans-Serif; background-color:#ddd; color:#333 }
strong,b { font-weight:bold }
cite,em,i { font-style:italic }
.ff:hover,.breadcrumbs a:hover,.post-labels a:hover,a { text-decoration:none }
.allow { color:#225588; text-decoration:none }
.allow:hover,.allow:focus { color:#5687b8 }
img { max-width:98% }
a img { border:none;margin:5px }
abbr,acronym { border-bottom:1px dotted; cursor:help }
sup,sub { vertical-align:baseline; position:relative; top:-.4em; font-size:86% }
sub { top:.4em }
small { font-size:86% }
kbd { font-size:80%; border:1px solid #999; padding:2px 5px; border-bottom-width:2px; border-radius:3px }
mark { background-color:#ffce00; color:black }
p,blockquote,pre,table,figure,hr,form,ol,ul,dl { margin:1.5em 0 }
hr { height:1px; border:none; background-color:#666 }
h1,h2,h3,h4,h5,h6 { font-weight:bold; line-height:normal; margin:1.5em 0 0 }
h1 { font-size:200% }
h2 { font-size:180% }
h3 { font-size:160% }
h4 { font-size:140% }
h5 { font-size:120% }
h6 { font-size:100% }
ol,ul,dl { margin-left:3em }
ol { list-style:decimal outside }
ul { list-style:disc outside }
li { margin:.5em 0 }
dt { font-weight:bold }
dd { margin:0 0 .5em 2em }
input,button,select,textarea { font:inherit; font-size:100%; line-height:normal; vertical-align:baseline }
textarea { display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
blockquote { margin-left:2em; margin-right:2em; border-left:4px solid #ccc; padding-left:1em; font-style:italic }
table[border="1"] th,table[border="1"] td,table[border="1"] caption { border:1px solid; padding:.5em 1em; text-align:left; vertical-align:top }
th { font-weight:bold }
table[border="1"] caption { border:none; font-style:italic }
.breadcrumbs,.none { display:none }
.btn { background:rgb(6,113,161); color:white; text-decoration:none; padding:1em 1.7em 0.9em; width:auto; cursor:pointer; position:relative; font-weight:bold; font-size:86%; height:auto; margin:5px; ; line-height:2em; border:1px solid #fff; text-align:center !important; outline:medium none; box-shadow:0 1px 3px rgba(0,0,0,0.4); border-radius:5px 5px 5px 5px; text-shadow:0 1px 0 rgba(0,0,0,0.3); white-space:nowrap; border-width:2px; background-image:-moz-linear-gradient(center top,transparent,rgba(0,0,0,0.26)) }
.btn:hover { text-decoration:none }
#outer-wrapper { position:relative; text-align:left; width:100%; background-color:#ccc; -webkit-box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4); -moz-box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4); box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4); -webkit-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px; margin:0 }
#outer-wrapper:after { content:""; display:table; clear:both }
#header-wrapper { background-color:#333; color:white; text-align:left; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -ms-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; padding:8px 0 18px }
#header { margin:0 15px }
#header h1 { text-shadow:none; margin:0; padding:0; color:#ddd }
#header a,#header a:visited { color:#ddd }
#header .description { font:normal normal 100%/1.5em Alike,Georgia,"URW Bookman L",Serif; color:#999; padding:5px 30px 0; margin:0 0 }
#main-wrapper { margin:2%; width:85%; display:inline; word-wrap:break-word; overflow:hidden; background-color:white; background-image:-webkit-linear-gradient(top,#dedede,white 100px); background-image:-moz-linear-gradient(top,#dedede,white 100px); background-image:-ms-linear-gradient(top,#dedede,white 100px); background-image:-o-linear-gradient(top,#dedede,white 100px); background-image:linear-gradient(top,#dedede,white 100px); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 0 }
#footer { font-family:'Balthazar',serif; width:100%; margin:15px 0 15px }
.footer { width:30%; margin:0% 1.6666667%; float:left; display:inline; word-wrap:break-word; overflow:hidden }
.footer ul { list-style:none; border-top:1px solid #222; border-bottom:1px solid #444; margin:0 0 1.25em; padding:0 }
.footer ul li { border-top:1px solid #444; border-bottom:1px solid #222; margin:0; padding:3px 10px }
.footer ul li:before { content:""; border-color:transparent #444; border-style:solid; border-width:0.35em 0 0.35em 0.45em; display:block; height:0; width:0; left:-1em; top:0.9em; position:relative }
.footer p { margin:0 0 .6em }
#footer { text-align:left; background-color:#333; font-size:99%; border:4px solid #ddd; color:#666; -webkit-box-shadow:inset 0 0 5px black; -moz-box-shadow:inset 0 0 5px black; box-shadow:inset 0 0 5px black; word-wrap:break-word; overflow:hidden; position:relative; padding:0 }
#footer .widget { font-size:97%; margin:0 }
#footer .widget-content { margin:0; padding:10px }
#footer h2 { text-shadow:0 1px 0 black; background-color:#333; background-image:-webkit-linear-gradient(top,#333,#3c3c3c); background-image:-moz-linear-gradient(top,#333,#3c3c3c); background-image:-ms-linear-gradient(top,#333,#3c3c3c); background-image:-o-linear-gradient(top,#333,#3c3c3c); background-image:linear-gradient(top,#333,#3c3c3c); border:1px solid #444; font:normal bold 100%/28px "Trebuchet MS",Trebuchet,Geneva,Verdana,Arial,Sans-Serif; color:#bbb; text-transform:uppercase; height:28px; padding:4px; margin-top:5px; -webkit-box-shadow:1px 1px 1px black; ; -moz-box-shadow:1px 1px 1px black; ; box-shadow:1px 1px 1px black }
#footer a { color:#999; text-decoration:none; text-shadow:0 1px 0 black }
#footer a:visited { color:#555 }
#footer a:hover,#footer a:visited:hover { color:white; text-decoration:none }
.clear { clear:both }
nav { background-color:#555; font:normal bold 11px Arial,Sans-Serif; color:gray; height:30px; border:1px solid #fff; -webkit-box-shadow:1px 1px 5px black; ; -moz-box-shadow:1px 1px 5px black; ; box-shadow:1px 1px 5px black }
nav ul,nav li { margin:0 0; padding:0 0; list-style:none }
nav ul { height:30px }
nav li { float:left; display:inline }
nav a { display:block; line-height:30px; padding:0 14px; text-decoration:none; color:white }
nav a:hover { background-color:#3ca9d0; text-decoration:none }
nav input { display:none; margin:0 0; padding:0 0; width:30px; height:30px; opacity:0; cursor:pointer }
nav label { display:none; font-size:200%; width:30px; height:30px; line-height:30px; text-align:center }
@media (max-width:767px) {
    nav { position:relative } nav ul { background-color:#200; position:absolute; top:100%; right:0; left:0; height:auto; display:none; z-index:9999 } nav li { display:block; float:none; width:auto } nav input,nav label { position:absolute; top:0; right:0; color:white; display:block } .post-outer,.footer { float:none !important } nav input { z-index:4 } nav input:checked + label { color:white } nav input:checked ~ ul { display:block } #footer h2 { margin-top:0 !important; cursor:pointer } .footer { margin:0 !important } .hompiPanel { padding:0 !important } .comments .comments-content .comment-thread ol { margin:0 !important } #comment-holder { padding:0 !important } .comments .comments-content .comment-content { text-align:left !important; box-shadow:none !important } 
#search-result { width:100%; margin:15px 0 15px; }
#search-result ol li { width:100% !important; margin:0.9% 1.6666667% !important; height:60px !important }
} 
.breadcrumbs { padding:5px 5px 5px 0; font-size:85%; line-height:1.4em }
.item .breadcrumbs { display:block }
.static_page H3.post-title { display:none }
.item H3.post-title { font:160% Alike,Georgia,"URW Bookman L",Serif; margin:0; text-transform:capitalize; color:#444; text-align:center; border-bottom:3px double #e6e4e3;  !important; text-shadow:1px 1px 2px #555 }
.item .post-body { margin:2px; padding:2px; line-height:1em }
.item .post { color:#000; text-shadow:0 0 1px rgba(0,0,0,0.4); border-bottom:3px double #ddd }
::selection { background-color:#0f666b; color:#333; text-shadow:none }
::-moz-selection { background-color:#0f666b; color:#333; text-shadow:none }
#blog-pager { position:fixed; z-index:1000; bottom:0; left:0; background:#333; width:98%; color:#ccc; border-top:2px solid #999; padding:1px 1% 1px 1%; -webkit-box-shadow:0 0 7px #000; -moz-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000; margin:0 }
#blog-pager a,#blog-pager a:visited,#blog-pager a:active { color:#fff; text-decoration:none }
.center { text-align:center }
.togel { color:#ddd; cursor:pointer; text-align:center }
.toggle-button a:hover,.toggle-button a { position:absolute; top:0; right:5px; color:#ddd; margin:1%; text-decoration:none }
#comments,.emoWrap,.quickedit,.hidden { display:none }
#header-wrapper form { margin:1%; width:165px; z-index:10; vertical-align:top }
#header-wrapper input { background-color:rgb(68,68,68) !important; color:rgb(241,12,12); width:145px; text-align:left; box-shadow:0 0 2px rgb(51,51,51) inset; border-width:1px; border-style:solid; -moz-border-top-colors:none; -moz-border-right-colors:none; -moz-border-bottom-colors:none; -moz-border-left-colors:none; border-image:none; border-color:rgb(34,34,34) rgb(68,68,68) rgb(68,68,68) rgb(34,34,34); padding:1px 2px }
#header-wrapper input:focus { width:160px; color:white; background-color:rgb(243,160,30) !important; box-shadow:0 0 2px white,0px 0 30px white; border-color:white !important }
#content-wrapper { width:95%; font-family:'Balthazar',serif; background:#fff; margin:1% auto; padding:1%; border:1px solid #858788; -webkit-box-shadow:0 0 6px black; -moz-box-shadow:0 0 6px black; box-shadow:0 0 3px black }
#comment-holder { background:#353839; color:#ddd; padding:1%; border:2px solid #858788 }
.comments .avatar-image-container { border:2px solid #acacac; -webkit-border-radius:100px 0 100px 100px; -moz-border-radius:100px 0 100px 100px; border-radius:100px 0 100px 100px; -webkit-box-shadow:2px 2px 3px black; -moz-box-shadow:2px 2px 3px black; box-shadow:2px 2px 3px black }
.comment-thread li.comment { background:#555; padding:1%; border:1px solid #444 !important; -webkit-box-shadow:2px 2px 3px black; -moz-box-shadow:2px 2px 3px black; box-shadow:2px 2px 3px black }
.comment-header { border:1px solid #444 !important; background:#333; padding:1%; -webkit-border-radius:0 0 50px 50px; -moz-border-radius:0 0 50px 50px; border-radius:0 0 800px 100px; -webkit-box-shadow:2px 2px 3px black; -moz-box-shadow:2px 2px 3px black; box-shadow:2px 2px 3px black }
.comment-header a { font-size:84%; font-style:italic; line-height:1.8; color:rgb(136,136,136) }
.comments .comments-content .comment-content { padding:1%; background:#333; -webkit-box-shadow:2px 2px 3px black; -moz-box-shadow:2px 2px 3px black; box-shadow:2px 2px 3px black }
.datetime { font-size:84%; font-style:italic; line-height:1.8; color:rgb(136,136,136); float:right; margin-right:8px }
.thread-count a,.comments .continue a { color:#ddd }
.comments .thread-toggle,.secondary-text { font-size:84%; line-height:1.8 }
.comments .continue a { font-size:84%; line-height:1.8 }
.comment-actions a { color:#deedee; text-shadow:0 0 3px #333845 }
.continue a:hover,.thread-count a:hover,.comment-actions a:hover { text-decoration:none !important; color:transparent; text-shadow:0 0 6px white }
.comments .comment-block { padding:1%; background:#333; -webkit-box-shadow:2px 2px 3px black; -moz-box-shadow:2px 2px 3px black; box-shadow:2px 2px 3px black; border:1px solid #444 }
.comments .avatar-image-container img { max-width:36px; float:left }
.comments .comments-content .comment-thread ol { list-style-type:none; text-align:left; padding:0 }
.comments .avatar-image-container { float:left; max-height:36px; overflow:hidden; width:36px }
.comments .comments-content .comment:first-child { padding-top:16px }
.comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px }
.comments .comments-content .comment-thread { margin:8px 0 }
.comments .comments-content .comment-header,.comments .comments-content .comment-content { margin:0 0 8px }
.comments .comment-block { margin-left:48px; position:relative }
.comments .comments-content .loadmore { cursor:pointer }
.comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden }
.comments .comment .comment-actions a { padding-right:5px; padding-top:5px }
.status-msg-body { text-align:center; padding:0.5em }
.status-msg-hidden { visibility:hidden }
#comments { background:#333; color:#fff }
.comments h4 { color:white; font-size:116%; margin:1.5em 0 1em; padding:0; letter-spacing:0 }
.comments .note,em[rel="note"] { display:block; padding:5px 10px; border:1px solid black; background-color:rgb(34,34,34); background-image:linear-gradient(rgb(51,51,51),rgb(34,34,34)); box-shadow:0 0 0 1px rgb(85,85,85); color:rgb(204,204,204); font:11px Tahoma,Verdana,Arial,Sans-Serif; text-shadow:0 1px 0 black }
#comment-holder { background:#333 !important; color:#fff !important; padding:0 !important; border:none !important }
#comments { background:#333; color:#fff }
.archive .post-outer,.index .post-outer { background:#025076; padding:10px; margin:2px; color:#fff; border:2px solid #fff; -webkit-box-shadow:1px 1px 2px black; -moz-box-shadow:1px 1px 2px black; box-shadow:1px 1px 2px black }
.archive .post-outer h3 a:hover,.archive .post-outer h3 a,.index .post-outer h3 a:hover,.index .post-outer h3 a { color:#81a8bb; margin-bottom:2px; text-transform:capitalize; text-decoration:none }
.archive .button,.archive .button:hover,.index .button,.index .button:hover { cursor:pointer; border:1px solid #ffffff; background-color:#017562; padding:2px 4px; ; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 2px #515151; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 2px #515151; box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 2px #515151; text-shadow:0 1px 0 rgba(0,0,0,0.3); color:#ffffff; font:normal 11px ' Century Gothic',Helvetica,Arial,Sans-Serif; text-decoration:none; outline:none; vertical-align:middle; float:right; margin:4px }
.archive .post-thumbnail,.index .post-thumbnail { float:left; margin:4px }
.archive .post-footer,.index .post-footer { display:none }
H3.post-title { margin:0 }
@font-face { font-family:'Balthazar'; font-style:normal; font-weight:400; src:local('Balthazar Regular'),local('Balthazar-Regular'),url(http://themes.googleusercontent.com/static/fonts/balthazar/v2/E9s_OrHc1N8XyvXr2y-jyj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff') }
a.openpanel { display:block; clear:both; width:auto; padding:0 0; text-align:center; font-weight:bold; line-height:32px; background-color:#333; color:white; text-decoration:none; margin:0 0; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2); box-shadow:0 1px 1px rgba(0,0,0,0.2); position:relative }
a.openpanel em { width:0; height:0; display:block; position:absolute; top:15px; right:15px; border:6px solid transparent; border-top-color:#ddd }
a.openpanel.active { background-color:#900 }
a.openpanel.active em { top:6px; border-color:transparent transparent white transparent }
div.paneline { height:0; border-bottom:4px solid #807971 }
div.hompiPanel { padding:10px 20px 20px; -webkit-box-shadow:inset 0 1px 7px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 1px 7px rgba(0,0,0,0.2); box-shadow:inset 0 1px 7px rgba(0,0,0,0.2); margin:0 0 !important }
.blog-author a { text-shadow:0 0 4px orange; color:rgb(255,255,255) }
.deleted-comment { color:#63b8ff; text-shadow:0 0 3px #fff }
.status-msg-body { background:#54616d; border:2px solid #fff; color:#fff; margin:0; -webkit-box-shadow:1px 1px 5px black; ; -moz-box-shadow:1px 1px 5px black; ; box-shadow:1px 1px 5px black }
.status-msg-body b { color:#e7eff0; text-shadow:0 0 3px #fff }
.status-msg-body a { text-decoration:none; color:#b2aeab }
.breadcrumbs a,.post-labels a { color:#000; text-shadow:0 0 1px #54616d }
#gotop { display:none; cursor:pointer; width:30px; height:30px; position:fixed !important; position:absolute; top:0; right:0; z-index:999; text-indent:-9999px; border:1px solid #144F69; background-color:#067BAF; background-image:-webkit-radial-gradient(top,#2493C4,#086A95); background-image:-moz-radial-gradient(top,#2493C4,#086A95); background-image:-ms-radial-gradient(top,#2493C4,#086A95); background-image:-o-radial-gradient(top,#2493C4,#086A95); background-image:radial-gradient(top,#2493C4,#086A95); -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; -webkit-border-radius:0 0 0 10px; -moz-border-radius:0 0 0 10px; border-radius:0 0 0 10px; overflow:hidden }
#gotop:after { content:""; display:block; width:0; height:0; border-width:10px 4px; border-style:solid; border-color:transparent transparent #C3D1D7 transparent; position:absolute; top:0; left:11px }
#gotop:focus { outline:none }
#gotop:hover:after { border-bottom-color:white }
#gotop:active { background-image:-webkit-linear-gradient(top,#144F69,#2493C4); background-image:-moz-linear-gradient(top,#144F69,#2493C4); background-image:-ms-linear-gradient(top,#144F69,#2493C4); background-image:-o-linear-gradient(top,#144F69,#2493C4); background-image:linear-gradient(top,#144F69,#2493C4) }
.ff { background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1)); background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1)); background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1)); background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1)); background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1)); display:inline-block; vertical-align:middle; margin:2px; font:italic 14px/32px Georgia,Serif; text-align:center; color:white; text-decoration:none; text-shadow:0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -3px 0 rgba(0,0,0,0.1),0px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow:inset 0 -3px 0 rgba(0,0,0,0.1),0px 3px 0 rgba(0,0,0,0.1); box-shadow:inset 0 -3px 0 rgba(0,0,0,0.1),0px 3px 0 rgba(0,0,0,0.1); padding:0 15px 3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }
.ff.green { background-color:#82C43A }
.ff.red { background-color:#F5494C }
.ff.blue { background-color:#659AE0 }
.ff:hover { background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0.2)); background-image:-moz-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0.2)); background-image:-ms-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0.2)); background-image:-o-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0.2)); background-image:linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0.2)) }
.ff:active { position:relative; top:2px; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1),0px 2px 0 rgba(0,0,0,0.1); -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1),0px 2px 0 rgba(0,0,0,0.1); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1),0px 2px 0 rgba(0,0,0,0.1) }
body { overflow-x:hidden }
#blog-pager { margin:0 !important }
#blog-pager { margin:1em 0; text-align:center; overflow:hidden }
.small { font-size:10px; border:medium none; padding:0.45em 0.9em }
.catatan { background-color:#FFFAC1; padding:1.8em 2em; margin:0 auto; width:65%; font-family:Georgia,"URW Bookman L",Serif; font-style:italic; line-height:1.42; color:#222; position:relative; text-shadow:none; margin-top:2em }
.catatan:before { content:""; display:block; width:100%; height:4px; background-color:#4b8db5; background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5); background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5); background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5); background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5); background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5); position:absolute; top:0; left:0 }
.item-control { display:inline !important }
.comment-form { max-width:90% !important; margin:0 auto }
#blog-pager-newer-link { float:left }
#blog-pager-older-link { float:right }
@keyframes myfirst {
    from { opacity:0 } to { opacity:10 } 
} 

@-moz-keyframes myfirst {
    from { opacity:0 } to { opacity:10 } 
} 

@-webkit-keyframes myfirst {
    from { opacity:0 } to { opacity:10 } 
} 
#header-wrapper { animation:myfirst 5s; -moz-animation:myfirst 5s; -webkit-animation:myfirst 5s }
#content-wrapper { animation:myfirst 5s; -moz-animation:myfirst 5s; -webkit-animation:myfirst 5s }
#main-wrapper { animation:myfirst 5s; -moz-animation:myfirst 5s; -webkit-animation:myfirst 5s }
#footer { animation:myfirst 5s; -moz-animation:myfirst 5s; -webkit-animation:myfirst 5s }
#nav { animation:myfirst 5s; -moz-animation:myfirst 5s; -webkit-animation:myfirst 5s }
h1,h2,h3,h4,h5,h6,a { animation:myfirst 5s; -moz-animation:myfirst 5s; -webkit-animation:myfirst 5s }
h1,h2,h3,h4,h5,h6,.post img { animation:myfirst 5s; -moz-animation:myfirst 5s; -webkit-animation:myfirst 8s }
#comment-holder ol { margin-left:0 }
.comments .thread-toggle { margin-bottom:10px }
.comments .comment-thread.inline-thread .comment .comment-block { margin-left:52px }
.comments .comment-thread.inline-thread .comment { margin:0 0 5px 30%; background-color:#222; border:1px solid #333; padding:10px 15px; color:#ccc }
.comment .comment-thread.inline-thread .comment:nth-child(6) { margin:0 0 5px 25% }
.comment .comment-thread.inline-thread .comment:nth-child(5) { margin:0 0 5px 20% }
.comment .comment-thread.inline-thread .comment:nth-child(4) { margin:0 0 5px 15% }
.comment .comment-thread.inline-thread .comment:nth-child(3) { margin:0 0 5px 10% }
.comment .comment-thread.inline-thread .comment:nth-child(2) { margin:0 0 5px 5% }
.comment .comment-thread.inline-thread .comment:nth-child(1) { margin:0 0 5px 0% }
.panel { position:absolute; top:0; left:0; z-index:9999 }
.btn-notif { background-color:rgb(153,0,0); color:white !important; text-decoration:none !important; padding:4px 5px; margin:5px 0 5px 5px; font-weight:bold; font-size:11px; line-height:11px; cursor:pointer; white-space:nowrap; float:left; border-radius:2px 2px 2px 2px; box-shadow:0 1px 3px black }
pre { overflow:auto }
pre code { display:block; padding:0.5em; background:#002b36; color:#839496 }
pre .literal { color:#aabd56 }
pre .at_rule { color:#4a73b9 }
pre .function { color:#008db8 }
pre .pseudo { color:#0ca961 }
pre .doctype { color:yellow }
pre .comment,pre .template_comment,pre .diff .header,pre .pi,pre .lisp .string,pre .javadoc { color:#586e75; font-style:italic }
pre .keyword,pre .winutils,pre .method,pre .addition,pre .css .tag,pre .request,pre .status,pre .nginx .title { color:#859900 }
pre .number,pre .command,pre .string,pre .tag .value,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor { color:#2aa198 }
pre .title,pre .localvars,pre .chunk,pre .decorator,pre .built_in,pre .identifier,pre .vhdl .literal,pre .id { color:#268bd2 }
pre .attribute,pre .variable,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .type { color:#b58900 }
pre .preprocessor,pre .preprocessor .keyword,pre .shebang,pre .symbol,pre .symbol .string,pre .diff .change,pre .special,pre .attr_selector,pre .important,pre .subst,pre .cdata,pre .clojure .title { color:#cb4b16 }
pre .deletion { color:#dc322f }
pre .tex .formula { background:#073642 }
.code { color:#888; font-family:"Courier New",Courier,Monospace; font-size:.923076923077em; color:#e67b09 }
#search-result ol { list-style:none !important; margin:0 0 1.25em; padding:0 }
#search-result ol li { margin:0 0 2px; padding:3px 10px; background-color:#F5F5F5; color:#888; border-bottom:1px solid #EEE; padding:5px }
#search-result { text-align:left; font-size:110%; word-wrap:break-word; overflow:hidden; position:relative; padding:0 }
#search-result h4 { text-align:center; margin:5px; font:normal bold 100%/28px "Trebuchet MS",Trebuchet,Geneva,Verdana,Arial,Sans-Serif; text-transform:uppercase }
#search-result a { text-decoration:none; color:#5886A7 }
#search-result a:visited { color:#000 }
#search-result a:hover { color:#4a6b9a }
#search-result .close { display:block; position:absolute; top:6px; right:10px; line-height:normal; color:#000 !important; font-size:150% }
#comments-container { color:#666;height:100%;width:30%; font-family:Arial,Sans-serif;position:fixed;top:0;right:-500px;border-left:4px solid #1f7458;overflow-x:scroll}
.cm-outer { margin:0 auto; padding:0; font-size:11px; text-align:left }
.cm-outer pre code { background-color:#141414 !important; font-size:11px; color:#7c7c7c !important }
.cm-outer li { padding:7px 10px 12px; list-style:none; clear:both; position:relative; border-top:1px solid #28313b; border-bottom:1px solid #111; margin-right:10px }
.cm-outer code { color:#a6a658; font-size:11px }
.cm-outer li.selected { border-left:4px solid #fffe8c }
.cm-outer li:first-child { border-top:none }
.cm-outer li:last-child { border-bottom:none }
.cm-text { color:#999 }
.cm-outer { margin:0 0 5px }
.cm-header { margin:4px 0 8px 50px; font-size:12px; font-weight:normal !important }
.cm-header a { color:#168980; text-decoration:none; font-size:12px; font-weight:bold }
.cm-header a:hover { color:#e6e6e6; text-decoration:none }
.cm-outer .cm-content { overflow:hidden }
.cm-content { margin-left:50px }
.cm-outer img { display:block; float:left; background:#8fa2cb url(' http://img1.blogblog.com/img/anon36.png' ) no-repeat 50% 50%; overflow:hidden; border-radius:100px; position:absolute; top:10px; left:0; border:3px solid #3d464f }
.cm-outer .emo { position:relative; display:inline; float:none; background:none; border-radius:none; border:none; top:0; left:0 }
.cm-footer { margin-top:7px }
.cm-footer a { color:#168980; text-decoration:none }
.cm-footer a:hover { color:#e6e6e6; text-decoration:none }
div.cm-header img[src=' http://img1.blogblog.com/img/openid16-rounded.gif' ] { content:url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png) }
.cm-outer { background-color:#333333; padding:15px 13px 25px 15px; color:#666; font-family:Arial,Sans-serif; border-top:8px solid #1f7458; transition:0.5s ease }
.cm-outer li { list-style:none; border-top:1px solid #000; border-bottom:1px solid #444; margin:0 0 1.25em; padding:0 }
.cm-outer li { border-top:1px solid #444; border-bottom:1px solid #000; margin:0; padding:3px 10px }
#show-total { position:fixed; top:0; left:50%;display:none }
#kontainer { position:fixed; top:0; right:0; z-index:999; height:100%; background:#333; width:310px; overflow:auto; display:none; color:#666 }
#comments-container i[rel="quote"]{display:none;}
.close { display:block; position:absolute; top:6px; left:10px; line-height:normal; color:rgb(0,0,0); font-size:150%; z-index:9999; color:#fff }
#search-result ol li { width:45%; margin:.1% 1.6666667%; float:left; display:inline; word-wrap:break-word; overflow:hidden; height:50px }
/*add*/  
      pre[lang]:before {
        content:attr(lang);
        display:block;
        padding:8px 12px;
        font-family:Oswald,Arial,Sans-serif;
        font-size:14px;
        text-transform:uppercase;
        background-color:#41749f;
        color:white;
        font-family: Times New Roman&quot;,Times,Serif;
      }
      pre[lang='CSS']:before{background-color:burlywood}
      pre[lang='HTML']:before{background-color:darkcyan}
      pre[lang='JavaScript']:before{background-color:cadetblue}
      pre[lang='JQuery']:before{background-color:olive}
      pre[lang='CSS']{border-left:3px solid burlywood}
      pre[lang='HTML']{border-left:3px solid darkcyan}
      pre[lang='JavaScript']{border-left:3px solid cadetblue}
      pre[lang='JQuery']{border-left:3px solid olive}
      .related-post {
        margin:10px auto 0;
        font-size:13px;
        background:#fff;
        border-radius:4px;
      }
      .related-post h4 {
        font-size:14px;
        margin:0;
        background:cadetblue;
        color:#fff;
        padding:10px 15px;
        font-weight:normal;
        border-radius:4px 4px 0 0;
        position:relative;
        font-family:ArialSans-Serif;
        text-transform:uppercase;
      }
      ul.related-post-style-1 {
        margin-top:0px !important;
      }
      .related-post-style-1 li {
        list-style:none;
        padding:8px 5px;;
        border-top:1px solid #eceef5;
        margin:0px;
      }
      .related-post-style-1 li a{
        color:#79798d;
        text-decoration:none;
      }
      .related-post-style-1 li a:hover{
        color:#33aea5;
        text-decoration:none;
      }
#comment-editor {
    background: url("http://2.bp.blogspot.com/-eNc3k4IdbYs/UuBxq9QugCI/AAAAAAAAAYo/7pfSzNc5JCY/s1600/ajax-loader.gif") no-repeat scroll center center ;
}
.index .Snippet{background-color:#3f6f7b !important}
.index .CSS{background-color:#4d4d4d !important}
.index .Jquery{background-color:#465e67 !important}
.index .Plugin{background-color:#378476 !important}
.index .Fun{background-color:#434715 !important}
.index .Learn{background-color:#465e67 !important}
.index .kondisional{background-color:#4f4667 !important}
.index .Template{background-color:#333 !important}
.quote{
background-color:#378476;
display:block;
padding:5px;
margin:3px;
border:1px solid #ddd;
}
.quote a{
color:#434715;
}
